body{
    height: 3500px;
}
#goods {
    display: block;
    bottom: 0px;
}
section{
    position: relative;
    top: 108px;
    .goods_top{
        box-shadow: rgb(229, 229, 229) 0px -1px 0px 0px inset;
        height: 60px;
        position: relative;
        background: rgb(247, 247, 247);
        overflow: hidden;
    }
    .goods_box{
        margin-top: 44px;
        .left_img{
            img{
            width: 100%;
            display: none;
        }
        }
        .goods_box_right{
            h2{
                position: relative;
                span{
                    position: absolute;
                    right: 0px;
                }
            }
            h1{
                font-weight: 500;
                line-height: 1.2;
                letter-spacing: 0.007em;
                font-size: 28px;
                padding-bottom: 32px;
            }
            .colorway-images-wrapper{
                margin-top: 32px;
                margin-bottom: 34px;
                position: relative;
                font-size:0;
                ul{
                    // width: 100%;
                    overflow: hidden;
                    li{
                        float: left;
                        width: 66px;
                        height: 69px;
                        cursor: pointer;
                        margin-right: 5px;
                        background-color: black;
                        i{
                            display: block;
                            position: absolute;
                            width: 66px;
                            height: 69px;
                            cursor: pointer;
                            background: black;
                            opacity: 0.2;
                        }
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    
                }  
            }
            .choose_size{
                h3{
                    position: relative;
                    span{
                        position: absolute;
                        right: 0;
                    }
                }
                .sizes{
                    margin: 20px 0 12px 0;
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                    gap: 7px 7px;
                    padding: 1px;
                    position: relative;
                    label {
                        margin-right: 1px;
                        padding: 1px;
                        cursor: pointer;
                        background-color: rgb(255, 255, 255);
                        color: rgb(17, 17, 17);
                        cursor: pointer;
                        box-shadow: rgb(229, 229, 229) 0px 0px 0px 1px;
                        width: 67px;
                        height: 46px;
                        text-align: center;
                        line-height: 46px;
                        border-radius: 2px;
                    }
                    label:hover{
                        border: solid 1px black;
                    }    
                }
                .addcar{
                    width: 100%;
                    height: 44px;
                    padding: 12px 20px;
                    color: white;
                    border: none;
                    border-radius: 5px;
                    background: black;
                }
                p{
                    margin-top: 30px;
                }
            }
        }
    }
    .discript_img{
        margin-top: 50px;
    }
}